<template>
  <div class="root">
    <ul>
      <li @click="measure('POLINE')">
        距离量算
      </li>
      <li @click="measure('POLYGON')">
        面积量算
      </li>
    </ul>
  </div>
</template>

<script>
import mapTool from "@/utils/map/sfgis.map.tool.js";
export default {
  name: "MapMeasure",
  data() {
    return {};
  },
  components: {},
  computed: {},
  mounted() {},
  beforeDestroy() {},
  methods: {
    measure(state) {
      mapTool.drawToMeasure(state);
    }
  }
};
</script>

<style lang='scss' scoped>
  @import "./../../assets/css/rule.scss";
.root {
  width: 100px;
  background: $panelContentBg;
  margin-top: 2px;
  left: 400px;
  border: 0px solid $borderColorW;
  color: $fontColorLimit;
  font-size: 1.4rem;
  position: absolute;
  li {
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    padding: 0 10px;
    list-style: none;
  }
  li:hover {
    color: $fontColorActive2;
  }
  li:first-child {
    border-bottom: 1px solid $borderColorW;
  }
}

</style>
